<script setup>
import { onMounted, ref } from "vue";
import { RouterLink, RouterView } from "vue-router";
import { ElMessage } from "element-plus";

// 禁用右键菜单：你可以使用以下代码禁用右键菜单，但请注意，这并不能完全阻止用户打开开发者工具。
// window.addEventListener("contextmenu", function (e) {
//   ElMessage({
//     message: "请勿单击右键，你现在考试！",
//     type: "error",
//     plain: true,
//   });
//   e.preventDefault();
// });

// 检测键盘事件
// window.addEventListener("keydown", function (e) {
//   if (e.keyCode === 123) {
//     // F12键的键码为123
//     // 这里可以执行一些针对开发者工具的操作
//     ElMessage({
//       message: "请勿按F12，你现在考试！",
//       type: "error",
//       plain: true,
//     });
//     e.preventDefault();
//   }
// });

// 检查特定的 DOM 元素是否存在
setInterval(function () {
  if (
    document.getElementById("__openai-devtools") ||
    window.outerWidth - window.innerWidth > 100
  ) {
    // 这里可以执行一些针对开发者工具的操作
  }

  debugger;
}, 1000);

const title = ref("软件工作室-前端试题");

onMounted(() => {
  document.title = title.value; // 设置页签标题
});
</script>

<template>
  <RouterView />
</template>

<style>
#app {
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  header {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
  }

  .logo {
    margin: 0 2rem 0 0;
  }

  header .wrapper {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
  }

  nav {
    text-align: left;
    margin-left: -1rem;
    font-size: 1rem;

    padding: 1rem 0;
    margin-top: 1rem;
  }
}
</style>
